import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import px2rem from 'postcss-plugin-px2rem';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
  ],
  server: {
    host: "0.0.0.0",
    open: false,
    port: 9990,
    cors: true, // 允许跨域
    proxy: {
    '/api': { //apiTest是自行设置的请求前缀，按照这个来匹配请求，有这个字段的请求，就会进到代理来
        // target: 'http://localhost:9990',
        target: 'http://10.17.98.154:8999',
        changeOrigin: true, //是否跨域
        // rewrite: (path) => path.replace('/api', '')
      }
    }
  },
  css: {

    postcss: {
      plugins: [
        // 加入rem配置项
        px2rem({
          remUnit: 100// 设计稿宽度/10，通常设置为750的一半，即37.5
        })
      ]
    
  }
},
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})
